<style>
    /* 登录窗口 */
    .formLib {
        padding: 20px 0;
        clear: both;

    }


    .formLib input {
        padding: 0 10px;
        height: 36px;
        border: 1px solid #ccc;
        background: url() #fff repeat-x;
    }

    .formLib .form_lilib {
        position: relative;
        margin-bottom: 20px;
        font-size: 0;
    }

    .form_lilib * {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: top;
        font-size: 14px;
        line-height: 36px;
    }

    .form_lilib label {
        width: 100px;
        height: 36px;
        text-align: right;
        padding-right: 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .form_lilib span {
        padding: 0 5px;
    }

    .from_msg {
        padding-left: 10px;
        font-size: 12px;
        color: #999;
    }

    .from_msg a {
        color: #3595CC;
    }

    .form_libtn {
        padding-left: 105px;
        font-size: 12px;
        color: #999;
    }

    .formLib .BB_button {
        line-height: 30px;
        padding: 0 30px;
        border: none;
        background: #f40;
        color: #fff;
        cursor: pointer;

    }
    .loading16{background:url(/images/loading-16x16.gif) no-repeat center center;min-height:32px}
    .loading32{background:url(/images/loading-32x32.gif) no-repeat center center;min-height:64px}
</style>
<script type="text/javascript">
    function alipay() {

        var TransactionNo = $("#TransactionNo").val();
        var alipay = $("#alipay").val();
        var vcode = $("#xloginCheckTokenId").val();
        if (TransactionNo.length <= 0) {
            $("#err_msg").text("支付宝交易号不能为空!").show();
            return;
        } else {
            $("#err_msg").hide();
        }
        if (alipay.length <= 0) {
            $("#err_msg").text("支付宝登录账号不能为空!").show();
            return;
        } else {
            $("#err_msg").hide();
        }
        if (vcode.length <= 0) {
            $("#err_msg").text("验证码不能为空!").show();
            return;
        } else {
            $("#err_msg").hide();
        }
        jQuery('#ManageProductListView').showLoading();

        $.ajax({
            url: "__SELF__",
            type: "post",
            dataType: "json",
            data: {
                TransactionNo: TransactionNo,
                AliPay: alipay,
                vcode: vcode
            },
            success: function(data) {
                if (data.status == 1) {
                    layer.msg(data.info, 1, 1, function() {
                        location.reload();
                    });
                } else {
                    layer.msg(data.info, 3);
                    $('#imgValidateCode').trigger('click');
                }
                jQuery('#ManageProductListView').hideLoading();

            },
            error: function(XMLHttpRequest, textStatus, errorThrown) {

                var errMsg = XMLHttpRequest.responseText;
                layer.msg("出错啦!请重试", 3, 8);
            }
        })

    }
</script>
<div class="me-skylight">

    <div class="board-notice">
        <p id="zxinfo_1" style="font-size: 18px; margin-bottom: 10px">支付宝收款账号：<b id="copylink" style="color: red; font-weight: bold; margin-right: 20px; cursor: text;" href="javascript:;">{:sysconf('alipay_account')}</b>姓名：<span id="alName">{:sysconf('alipay_name')}</span></p>
    </div>
    <div class="" id="loading" >
        <span>
            <div style="text-align: center; width: 500px; "> <img style=" width: 300px;  " src="{:sysconf('alipay_img')}" /> </div>
            <p id="" style="font-size: 16px;">本充值为客服充值，需要您在<b>转账成功后自助验证交易号，以及支付宝账号后</b>由客服充值，充值金额不限，您可以任意转账，手机支付宝转账免手续费。(没到账的请联系客服)</p>
            <br />
            <p id="" style="font-size: 12px;">充值记录可以在<b><a href="" target="_blank">交易流水</a></b>查看,如充值不成功请检查你的交易号修改后再次提交.</p>
        </span>
        <ul class="formLib">
            <li class="form_lilib">
                <span>验证支付宝订单号：</span>
                <input type="text"   onkeyup="(this.v = function() {
                            this.value = this.value.replace(/[^0-9-]+/, '');
                        }).call(this)" onblur="this.v();" id="TransactionNo" name="TransactionNo" placeholder="订单号(非商户订单号)交易明细里一个32位数字编号(商户版28位数字编号)" style="width: 320px" maxlength="32">
                <!--<a  href='http://www.mlieasy.com/seller/SellerDetail?sellerId=32' target="_blank"  class="from_msg">什么是订单号？</a>-->

            </li>
            <li class="form_lilib">

                <span>付款的支付宝账号：</span>
                <input type="text" id="alipay" name="alipay" placeholder="您的支付宝登录账号" style="width: 320px">
                <!--<a   class="from_msg" target="_blank" href='http://www.mlieasy.com/seller/SellerDetail?sellerId=31'>什么是支付宝账号？</a>-->

            </li>
            <li class="form_lilib">

                <span> 请输入验证码：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                <input type="text" id="xloginCheckTokenId" name="xloginCheckTokenId" placeholder="请输入验证码" autocomplete="off" style="width: 100px;">
                <img id="imgValidateCode" src="{:U('Account/verify')}" title="看不清，换一张" style="cursor: pointer;" height="38">
            </li>

            <li class="form_libtn form_regtn">
                <span id="err_msg" class="from_msg" style="color: red; display: block; margin-bottom: 10px"></span>
                <input type="button" class="BB_button" onclick="alipay()" value="确认以上信息，提交">
            </li>
        </ul>

    </div>
</div>
<script>
    $('#imgValidateCode').click(function() {
        $(this).attr('src', "{:U('Account/verify')}?" + Math.random());
    });
</script>
